body,html,.container{
	font-size: 0.366666rem;
}
.container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items:center ;
	width: 100vw;
	height: 100vh;
	background: #f2f2f0;
}
header,footer{
	width: 100%;
	
}
header h1{
	padding:1.333333rem 0 0 0.4rem;
	font-weight: bold;
}
header ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding:0.8rem 0.533333rem 0.533333rem 0.533333rem;
}
header ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
}
header ul li i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 100%;
	box-shadow: 0 0  2px #ccc;
	transform: scale(1.6);
}
header ul li span {
	padding-top:0.366666rem;
	font-weight: bold;
}

footer {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 1.333333rem;
}
footer > i{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left:50%;
	top:-2.5rem;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	box-shadow: 0 0 2px #ccc;
	transform: scale(4) translateX(-10%);
}
footer ul {
	width: 100%;
}
footer ul li {
	display: flex;
	justify-content: space-around;
	align-items: center;
}